﻿:root {
    --bb-button-label-margin-left: 4px;
}

.btn:focus,
.btn:active:focus,
.show > .dropdown-toggle:focus {
    box-shadow: none !important;
}

.btn-xs, .btn-group-xs > .btn {
    --bs-btn-border-radius: 0.2rem;
    --bs-btn-padding-x: .3125rem;
    --bs-btn-padding-y: .0625rem;
    --bs-btn-font-size: 0.75rem;
}

.btn-xl, .btn-group-xl > .btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .8rem;
    --bs-btn-font-size: 1.25rem;
}

.btn-xxl, .btn-group-xxl > .btn {
    --bs-btn-padding-x: 1.25rem;
    --bs-btn-padding-y: .8rem;
    --bs-btn-font-size: 1.5rem;
}

.btn .badge, .btn i + span,
.badge i + span,
.link-button > i + span {
    margin-left: var(--bb-button-label-margin-left);
}

.btn-circle {
    --bs-btn-border-radius: 50%;
    --bb-button-circle-width: 45px;
    --bb-button-circle-height: 45px;
    width: var(--bb-button-circle-width);
    height: var(--bb-button-circle-height);
}

.btn-round {
    --bs-btn-border-radius: 20px;
}

.btn-block {
    width: 100%
}

.btn-vertical {
    display: flex;
    flex-direction: column;
    align-items: center;
    --bb-button-label-margin-left: 0;
}

.link-button {
    background-color: transparent;
    border: none;
    padding: 0;
    --bb-link-btn-disabled-opacity: 0.65;
}

    .link-button:disabled img {
        opacity: var(--bb-link-btn-disabled-opacity);
    }
